<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" pageEncoding="UTF-8" /> 
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>循环滚动信息栏</title> 
    <script type="text/javascript" src="../js/jquery-1.11.0.js" ></script>
    <script type="text/javascript" src="../js/Base64.min.js" ></script>
    <script type="text/javascript" src="../js/rem.js" ></script>
    <script type="text/javascript" src="../js/aikxian-common.js?id=0001" ></script>
    <script type="text/javascript" src="../js/common.js" ></script>
    <!-- 
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/> -->
    <script type="text/javascript" src="../js/data.js?id=0003" ></script>
    <style>
    	/*===========样式常规设置=========================================*/
			body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
			ul,li,ol{list-style:none;}
			img,fieldset{border:0; }
			img{display:block;}
			a{text-decoration:none;}
			h1,h2,h3,h4,h5,h6{font-weight:100;}
			body{font-family: "Microsoft Yahei","微软雅黑","Tahoma","Helvetica","STHeiti";background:#efefef;}
			input,a,select{outline:none;};
			i{
				font-style:normal;
			}
			body{
				font-size: 0.3rem;
				padding-top:10px;
			}
		/*===========样式常规设置end=======================================*/
		/*头部*/
		header{
			width:100%;
			height:1rem;
			border-top:2px solid red;
			box-sizing:border-box;
			text-align: center;
			line-height: 1rem;
			background:honeydew;
			position: fixed;
			z-index: 99;
			top:0;
			left:0;
		}
		/*==*/
		/* #demo{
			overflow:hidden;
			height:320px;
			margin:0 auto;
			padding:0 0.2rem;
			padding-top:0.15rem;
			text-align:left;
			
		} */
		#demo{
			overflow:auto;
			overflow-x:hidden;
			height:320px;
			margin:0 auto;
			padding:0 0.2rem;
			padding-top:0.15rem;
			text-align:left;
			position:abosolute;
			
		}
		
		ul{
			width:100%;
			height:auto;
		}
		li{
			line-height:0.4rem;
			/*width:100%;*/
			font-size:0.28rem;
			color:#979797;
			margin-bottom: 0.2rem;
			padding:0.3rem 0.5rem;
			
			position: relative;
			background:#fff;
		}
		.prompt{
			font-size: 0.24rem;
			color:#000;
			/*padding:0.05rem 0.1rem;*/
			/*background:red;*/
			position: absolute;
			right:0rem;
			top:0;
			border-bottom: 0.7rem solid transparent;
			border-right: 0.86rem solid #df4b3c;
		}
		.trigon_inner{
			color:#fff;
			position: absolute;
			top:0.1rem;
			right:-0.85rem;
			font-size:0.2rem;
		}
		.play{
			position: absolute;
			left:0.1rem;
			top:0.3rem;
			display:inline-block;
			width:0.28rem;
		}
		.Top_time{
			width:100%;
			height:0.5rem;
			background:#efefef;
			line-height: 0.3rem;
			position: relative;
		}
		.top_sp{
			display:block;
			width:80%;
			height:1px;
			position:relative;
			top:0.25rem;
			margin:0 auto;
			background:#ADADAD;
			
		}
		.time_box{
			width:2rem;
			font-size: 0.2rem;
			height:0.4rem;
			line-height: 0.4rem;
			text-align: center;
			/*padding:0 0.1rem;*/
			border:1px solid #ADADAD;
			position: absolute;
			top:0.05rem;
			left:50%;
			margin-left:-1rem;
			background:#efefef;
		}
		.time_details{
			color:#979797;
			padding:0 0.1rem;
			border-left: 1px solid #ADADAD;
			border-right: 1px solid #ADADAD;
		}
		i{
		font-style:normal;
		}
    </style>
</head> 
<body>
	<!--<header>某某报告</header>-->
	<div class="Top_time">
		<span class="top_sp"></span>
		<div class="time_box"><span class="time_details">2017-02-09</span></div>
	</div>
<div id="demo" style="">
    <div id="demo1">
    	
    </div>
    <div id="demo2"></div>
</div>
<script language="javascript" type="text/javascript">
window.onload=function(){
	//数据的加载
	dataAjax();
	//滚动功能的实现	
};


</script>
</body> 
</html> 